<template>
	<view class="version-info-container">
		<view class="version-info-header">
			<!-- <text class="title">软件版本信息</text> -->
		</view>

		<view class="version-info-content">
			<view class="info-item">
				<text class="label">版本号：</text>
				<text class="value">{{ versionNumber }}</text>
			</view>
			<view class="info-item">
				<text class="label">更新内容：</text>
				<text class="value">{{ versionInfo }}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getCurrentVersion // 假设有获取版本信息的API
	} from '@/src/api/version.js'
	export default {
		data() {
			return {
				versionNumber: '',
				versionInfo: ''
			}
		},
		async onLoad(options) {
			try {
				const response = await getCurrentVersion()
				console.log('获取版本信息详情:', response)
				if (response.status == 200) {
					const data = response.data
					this.versionNumber = data.version
					this.versionInfo = data.remarks
				} else {
					throw new Error(response.message || '获取版本信息失败')
				}
			} catch (error) {
				console.error('获取版本信息失败:', error)
				uni.showToast({
					title: '获取版本信息失败',
					icon: 'none'
				})
				uni.navigateBack()
			}
		},
		methods: {

		}
	}
</script>

<style>
	.version-info-container {
		padding: 20px;
	}

	.version-info-header {
		margin-bottom: 20px;
	}

	.title {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}

	.version-info-content {
		background-color: #f9f9f9;
		padding: 20px;
		border-radius: 8px;
	}

	.info-item {
		display: flex;
		margin-bottom: 15px;
	}

	.label {
		width: 120px;
		font-weight: bold;
		color: #333;
	}

	.value {
		flex: 1;
		color: #666;
	}
</style>